<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<body>
	<style type="text/css">
		.user_form table{padding:10px;}
	</style>
	<script type="text/javascript">
		$(function() {
			$('#pp').portal({});
			
			var left = $("#user_left").panel();
			var right = $("#user_right").panel();
			 
			// add the panel to portal
			$('#pp').portal('add', {
			    panel: left,
			    columnIndex: 0
			});
			
			// add the panel to portal
			$('#pp').portal('add', {
			    panel: right,
			    columnIndex: 1
			});
			
			$("#org_tree").tree({
				parentField:"pid",
				url:"user/org.action",
				animate:true,
				onClick:function(node) {
					var org = $("[name='user.org.id']");
					org.val(node.id);
					org.prev().val(node.text);
				}
			});
		});
	</script>
	<div id="pp" style="width:540px;height:335px;">
	    <div style="width:50%;height:310px;"></div>
	    <div style="width:50%;height:310px;"></div>
	</div>
	
	<div id="user_left" class="easyui-panel" style="height:315px;">
		<form id="user_form" class="user_form">
		<table>
			<tr>
				<th>编号：</th><td><input type="text" name="user.userNo"></td>
			</tr>
			<tr>
				<th>账号：</th><td><input type="text" name="user.loginName"></td>
			</tr>
			<tr>
				<th>姓名：</th><td><input type="text" name="user.name"></td>
			</tr>
			<tr>
				<th>年龄：</th><td><input type="text" name="user.age"></td>
			</tr>
			<tr>
				<th>性别：</th><td><input type="radio" name="user.sex" value="1">男&nbsp;<input type="radio" name="user.sex" value="2">女</td>
			</tr>
			<tr>
				<th>部门：</th><td><input type="text" disabled="disabled"><input type="hidden" name="user.org.id"></td>
			</tr>
			<tr>
				<th>职务：</th><td><input type="text" name="user.job"></td>
			</tr>
			<tr>
				<th>电话：</th><td><input type="text" name="user.tel"></td>
			</tr>
			<tr>
				<th>邮箱：</th><td><input type="text" name="user.email"></td>
			</tr>
			<tr>
				<th>生日：</th><td><input class="easyui-datebox" type="text" name="user.birthday"></td>
			</tr>
		</table>
		</form>
	</div>
	<div id="user_right" class="easyui-panel" style="height:315px;">
		<ul id="org_tree"></ul>
	</div>
</body>